<template lang="html">
  <div class="course">
    <ul>
      <li>
        <router-link tag="a" to="/index/home/Details">
          系列课程
        </router-link>
      </li>
      <li>
        <router-link tag="a" to="/index/home/Goods">
          精品小课
        </router-link>
      </li>
    </ul>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name:"course",
  data(){
    return{

    }
  }
}
</script>

<style scoped lang="less">
.course ul{
  margin-bottom: 5/50rem;
  display: flex;
}
.course ul li{
	width: 50%;
	text-align: center;
	background-color: #fff;
  justify-content: center;  
  line-height: 40/50rem;
}
.course ul li a{
	color: #3DAE95;
	font-size:18/50rem;
  display: block;
}
.active{
	color: #EAAD24 !important;
	border-bottom: 2px solid #EAAD24;
}



</style>
